<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Blog</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="css/reset.css">

<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/index4.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
</head>
<body>
    <div class="header">	   
    	   <div class="container">	   
    	   	    <div class="header_box">   	
    	   	    	<div class="logo">
    	   	    		<a href="#">Your Logo</a>
    	   	    	</div>
                     <input type="checkbox" id="chec" />

                     <div class="header_chec">
                     	
                     	   <label for="chec">
                     	   	   <span></span>
                     	   	   <span></span>
                     	   	   <span></span>
                     	   </label>
                     </div>



    	   	    	<div class="nav">
    	   	    		<div class="nav_href">
    	   	    			     <a href="index.html">Home</a>
		    	   	    		 <a href="index2.html" target="_black">Portfolio</a>                
		    	   	    		 <a href="#">About</a>		 	   	    		
                            <div class="blog">
                            <a href="index4.html" target="index4.html"><span>Blog</span></a>
                        	      <span>Search</span>
                        	      <span>
                        	      	
                        	      	  <img src="./images/search_bg.png">
                        	      </span>
                            </div>

                        </div>

    	   	    	</div>
    	   	    </div>
    	   </div>
    </div>
    <!-- header end -->

       <div class="banner_lun">
       <div class="container">
       	   <div class="banner_lun_box">
       	   	  <h2 class=" wow  bounceInRight" data-wow-duration="2s" data-wow-delay="0.5s">PORTFOLIO</h2>
       	   </div>
       </div>
    </div>
    <!--  banner_lun end-->

    <div class="projects">
    	<div class="container">
    		<div class="projects_box">
                <h1 class=" wow  bounceInRight" data-wow-duration="2s" data-wow-delay="0.5s" >TASTE IT THE GOOD PROJECTS</h1>      
            </div>
    	</div>
    </div>
    <!-- projects end -->

    <div class="daoheng">
        <div class="container">
            <div class="daoheng_box">
            <!-- 做二级菜单 -->
                  <ul class="daoheng_one">
                      <li><a href="#">ALL</a>
                            
                           <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>

                      </li> 
                      <li><a href="#">WEB DESIGN </a>
                           <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>
                      </li> 
                      <li><a href="#">ADVERTISING</a>
                            <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>
                      </li> 
                      <li><a href="#">ILLUSTRATION</a>
                            <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>
                      </li>     
                      <li><a href="#">IDENTITY</a>

                           <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>
                      </li> 
                      <li><a href="#">CATAGORY</a>

                           <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>


                      </li> 
                      <li><a href="#">CATAGORY</a>

                               <ul class="daoheng_list">
                                <li><a href="#">111sdgsd</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                                <li><a href="#">111</a></li>
                           </ul>

                      </li> 
                  </ul>
            </div>
        </div>
    </div>
    <div class="show">
        <div class="container">
          <div class="show_banner">
             <div class="show_banner_list">
                    <div class="show_hide">

                          <input type="radio" name="sex" id="one_1" checked />
                          <label for="one_1" id="lin">1</label>
                          <input type="radio" name="sex" id="one_2" />
                          <label for="one_2" id="link">Prev</label>
                          <input type="radio" name="sex" id="one_3" />
                          <label for="one_3" id="links">  Next</label>
                          <label id="links_nu">2</label>
                          <label id="links_nus">3</label>
                          <div class="show_list">    
                                   <div class="show_box">
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                    </div>
                                    
                                     <div class="show_box">
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>


                                    </div>
                                    
                                     <div class="show_box">
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                             <div>
                                               
                                                 <div class="show_box_img">
                                                    <img src="images/show_box_bg1.png">
                                                 </div>
                                             </div>
                                    </div>
                            </div>
                  </div>          
             </div>
            </div>
        </div>
    </div>

    <div class="clients">
        <div class="container">
               <div class="clients_box">
                    <h2 class=" wow  rotateInDownRight" data-wow-duration="2s" data-wow-delay="0.5s">CLIENTS</h2>
                    <ul class="uls_felx">
                        <li>BLUEWAY</li>
                        <li>THEME</li>
                        <li>Template</li>
                        <li>StockMarket</li>
                        <li>LoremIpsum</li>
                        <li>Seyyahil</li>
                    </ul>

               </div>
        </div>
    </div>

    <!-- clients end -->


<div class="testimonials">
    
   <div class="container">
        <div class="testimonials_box">
           <h2 class=" wow  rotateInDownLeft" data-wow-duration="2s" data-wow-delay="0.5s">testimonials</h2>
           <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit mauris necip 
at lacus commodo suscipit praesent sollicitudin enim vel mirhon”</p>

           <div class="testimonials_more">
  

                     <!-- 如果当前元素被选中 当前元素替换背景 紧邻的下一个元素显示 -->

                       
                     
                     <input type="radio" name="sex"  id="female1" />
                     <label for="female1">
                        <span ></span>
                     </label>
                     <span class="ceo">Jon Doe / CEO of LoremIpsum</span>


                     <input type="radio" name="sex"  id="female2" />
                     <label for="female2">
                         <span ></span>
                     </label>
                     <span class="ceo">Swift Doe / CEO of LoremIpsum</span>
                     


                     <input type="radio" name="sex"  id="female3" />
                     <label for="female3">
                        <span ></span>
                     </label>
                     <span class="ceo">Taylor Doe / CEO of LoremIpsum</span>
                     


                  </div>


        </div>
   </div>

</div>


   <footer>
     
           <div class="container">
             
              <div class="foot_box">
                       

                       <div>
                           
                             <h2>Twitter FEEDs</h2>
                             <ul class="foot_list">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>
                        <div>
                           
                             <h2>NEWSLETTER</h2>
                             <ul class="foot_list">
                                <li>
                                  <span>Lorem ipsum dolor sit amet,consectetur adipiscing</span>
                                  <span> elit.Ut ultricies sagittis magna acomm. </span>
                                  
                                  <span>Ut eget eros mauris, ut cursus urna.</span>
                                  
                                </li>

                                <li class="email"> 
                                
                                    <form action="" method="">
                                         <input type="text" name="eamil" class="contact_eamil" />

                                         <input type="submit" class="contact_submit" value="Sign Up" />

                                    </form>
                                </li>
                             </ul>

                       </div>
                        <div>
                           
                             <h2>recent projects</h2>
                              <ul class="foot_list foot_list_bg">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>
                        <div>
                           
                             <h2>Contact</h2>
                             <ul class="foot_list foot_list_pho">
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                                <li>
                                  <span>Check out this great theme item</span>
                                  <span><a href="#">http://tadjalskfj.com</a></span>
                                  <span>2 weeks ago</span>
                                </li>
                              
                             </ul>

                       </div>

              </div>


           </div>

   </footer>

</body>
</html>
<script src="js/wow.min.js"></script>
<script type="text/javascript">
   
   new WOW().init();

</script>